﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        div > p
        {
            background-color: yellow;
        }
        
        div p
        {
            color: crimson;
            font-size: 150%;
            font-weight: bolder;
        }
    </style>
</head>
<body>
    <h1>
        h1</h1>
    <div>
        <h2>
            h2</h2>
        <p>both "div p" and "div > p"
        </p>
    </div>
    <div>
        <span>
            <p>
                div->span->p, so only "div p"</p>
        </span>
    </div>
    <p>
        body->p</p>
</body>
</html>
